<template>
  <div class="container">
    <normal-title
      title='关于我们'
      :back="true"
    ></normal-title>
    <div
      class="main"
      v-if="aboutInfo!==null"
    >
      <img
        class="logo"
        src="../../images/logo_lg.png"
        mode="aspectFit"
      >
      <wxParse  v-if="aboutInfo!==null" :content="aboutInfo.content"></wxParse>
    </div>
    
    <bottom-btn />
  </div>
</template>

<script>
import NormalTitle from "@/components/NormalTitle";
import BottomBtn from "@/components/BottomBtn";
import { request } from "@/utils";
import wxParse from "mpvue-wxparse";
export default {
  components: {
    NormalTitle,
    BottomBtn,
    wxParse
  },
  data() {
    return {
      aboutInfo: null
    };
  },
  computed: {},
  methods: {
    async getAboutInfo() {
      var res = await request("/v1/personal-center/get-company-info", "get", {
        type: 3
      });
      this.aboutInfo = res.data.data;
    }
  },
  mounted() {
    this.getAboutInfo();
  }
};
</script>

<style>
page {
  height: 100%;
}
</style>

<style scoped lang="scss">
@import url("~mpvue-wxparse/src/wxParse.css");
.container {
  .main {
    margin: 0 25rpx;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 32rpx;
    .logo {
      width: 220rpx;
      height: 100rpx;
    }
  }
}
</style>
